<?php     
    require_once("../../../Connections/ocmanmanager.php");
    require_once("../../../Connections/checkuser.php");
    
    mysql_select_db($database_ocmanmanager, $ocmanmanager);
    $query_projects = "SELECT * FROM projects ORDER BY projectname ASC";
    $projects = mysql_query($query_projects, $ocmanmanager) or die(mysql_error());
    $row_projects = mysql_fetch_assoc($projects);
    $totalRows_projects = mysql_num_rows($projects);
    
?>
<!DOCTYPE html> 
<html> 
	<head> 
	<title>Ocman System</title> 
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1" />
	<link rel="stylesheet" href="css/jquery.mobile.css" />
	<link rel="stylesheet" href="css/jquery.mobile.splitview.css" />
    <link rel="stylesheet"  href="css/jquery.mobile.grids.collapsible.css" />
        <link rel="stylesheet" href="../issues/issues.css" /> 
 
         <!--link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" /-->
        <link rel="stylesheet" type="text/css" href="../issues/jquery.mobile.fmtd.css" />
        <!--link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" /-->
        <link rel="stylesheet" type="text/css" href="../issues/jqm-datebox.fmtd.css" />  
     <link rel="stylesheet"  href="css/sv.css" />
    
  <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/ui/1.8.22/jquery-ui.min.js"></script>
  <script type="text/javascript" src="js/jquery.mobile.splitview.js"></script>
  <script type="text/javascript" src="js/jquery.mobile.js"></script>
  <script type="text/javascript" src="js/iscroll-wrapper.js"></script>
  <script type="text/javascript" src="js/iscroll.js"></script>
  <!--script type="text/javascript" src="scrollability.js"></script-->
  
        
          <script type="text/javascript" src="../issues/insert.js"> </script>
          <script type="text/javascript">
        	$(function() {
        		$( ".datepicker" ).datepicker();
        	});
          </script>
          
</head> 

  <body> 

    <div data-role="panel" data-id="menu" data-hash="crumbs" data-context="a#default"> <!-- Menu -------------------------------->
      <!-- Start of form page nav-->

      <div data-role="page" id="form" data-hash="false">


          <div data-role="header">
      		<h1>Forms</h1>
      	</div><!-- /header -->

      	<div data-role="content">
                	      <div id="logo" class="ui-bar">
            <img src="ozcretelogo.png" />
			</div>	 /		
					<div id="addr">
						<strong>
							Ozcrete Pools Pty Ltd
						</strong>
						<br />
						ABN: 74984824030
						<br />
						BSA: 1100119
						<br />
						Ph: 07 55466443
						<br />
						Mob: 0418756170
						<br />
						Email: info@ozcrete.com.au
						<br />
						48 Conebush Circuit
						<br />
						Ormeu QLD 4820
					</div>
     
          		<ul data-role="listview">

                  <li><a href="#projects" data-panel="main">Projects</a></li>
                  <li><a href="../projects/issues.php" data-panel="main">Issues</a></li>
                  <li><a href="#variation" data-panel="main">Variation</a></li>
                  <li><a href="#rfi" data-panel="main">RFI</a></li>
                  

              </ul>
      	</div><!-- /content -->

      	<div data-role="footer" data-position="fixed" data-id="ew-footer">
      		<div data-role="navbar">
            <ul>
              <li><a href="#main" class="ui-btn-active" data-transition="slideup" >Main</a></li>
              <li><a href="#form" data-transition="slideup">Forms</a></li>
            </ul>
          </div><!-- /navbar -->
          <h2>Ozcreet Pools &copy; 2012</h2>
      	</div><!-- /footer -->
      </div><!-- /page -->


 <!-- Start of main nav-->

      <div data-role="page" id="main" data-hash="false">


          <div data-role="header">
      		<h1>Main</h1>
      	</div><!-- /header -->

      	<div data-role="content">
                	      <div id="logo" class="ui-bar">
            <img src="ozcretelogo.png" />
					
					<div id="addr">
						<strong>
							Ozcrete Pools Pty Ltd
						</strong>
						<br />
						ABN: 74984824030
						<br />
						BSA: 1100119
						<br />
						Ph: 07 55466443
						<br />
						Mob: 0418756170
						<br />
						Email: info@ozcrete.com.au
						<br />
						48 Conebush Circuit
						<br />
						Ormeu QLD 4820
					</div>
     </div>	
          	
      	</div><!-- /content -->

      	<div data-role="footer" data-position="fixed" data-id="ew-footer">
      		<div data-role="navbar">
            <ul>
              <li><a href="#main" class="ui-btn-active" data-transition="slideup">Main</a></li>
              <li><a href="#form" data-transition="slideup">Forms</a></li>
              
            </ul>
          </div><!-- /navbar -->
          <h2>Ozcreet Pools &copy; 2012</h2>
      	</div><!-- /footer -->
      </div><!-- /page -->

      <!-- Start of main nav-->

      <div data-role="page" id="quotesnav" data-hash="false">


          <div data-role="header">
      		<h1>Main</h1>
      	</div><!-- /header -->

      	<div data-role="content">
      	      <div id="logo" class="ui-bar">
                <img src="ozcretelogo.png" />
              </div>	
          	
      	</div><!-- /content -->

      	<div data-role="footer" data-position="fixed" data-id="ew-footer">
      		<div data-role="navbar">
            <ul>
              <li><a href="#main" class="ui-btn-active" data-transition="slideup">Main</a></li>
              <li><a href="#form" data-transition="slideup">Forms</a></li>
         
            </ul>
          </div><!-- /navbar -->
          <h2>Ozcreet Pools &copy; 2012</h2>
      	</div><!-- /footer -->
      </div><!-- /page -->
    </div><!--------- panel menu ----------------------------------------------------------------------------------------->
    

    <div data-role="panel" data-id="main"> <!-- ============================================================================ main ----->
     
      <!-- Start of 5th page -->
      <div data-role="page" id="projects">

        <div data-role="header">
          <h1>Projects</h1>
        </div><!-- /header -->

        <div data-role="content"> 
          <h3>Search for items here</h3>
          <p><!--input type="text" data-inset="true" data-filter-placeholder="Search list" data-type="search"/-->
          <ul data-role="listview" data-filter="true">
 <!-- /* ********************************************************************************************************************************* */-->         
               
                <?php do { ?>
			  <li><a href="../projects/project.php?id=<?php echo $row_projects['id']; ?>" data-transition="slide"><?php echo ucfirst($row_projects['projectname']); ?></a></li>
			  
              <?php } while ($row_projects = mysql_fetch_assoc($projects)); ?>
          </ul></p>
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed" data-id="ew-footer" class="ui-splitview-hidden">
          <div data-role="navbar">
            <ul>
              <li><a href="#main" class="ui-btn-active" data-transition="slideup">Main</a></li>
              <li><a href="#form" data-transition="slideup">Forms</a></li>
            </ul>
          </div><!-- /navbar -->
          <h2>Ozcreet Pools &copy; 2012</h2>
        </div><!-- /footer -->
      </div><!-- /page -->     
     
     
     
     
     
     
     
     
      <!-- Start of 6th page -->
      <div data-role="page" id="variation">

        <div data-role="header">
          <h1>Search Variations</h1>
        </div><!-- /header -->

        <div data-role="content"> 
          <div data-role="collapsible-set" data-theme="" data-content-theme="">
						<div data-role="collapsible" data-collapsed="true">
							<h3>
								Date Of
							</h3>
							<div data-role="fieldcontain" class="ui-field-contain ui-body ui-br">
								<label for="mydate" class="ui-hidden-accessible">
									Date
								</label>
								<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox"}' value="<?php echo date('m/d/Y');?>" />
							</div>
						</div>
						<div data-role="collapsible" data-collapsed="true">
							<h3 id="proj">
								Project
							</h3>
							<div data-role="fieldcontain" class="ui-hide-label">
								<label for="selectmenu1">
								</label>
								<select name="selectmenu1" id="selectmenu1" onchange="alert('Project: '+this.value)">
									<?php
                                    while ($row = mysql_fetch_assoc($result)) {
                                        echo "<option value='" . $row['projectname']. "'>" . $row['projectname']."</option>";
                                    } 
                                    															
                                    
                                    ?>
								</select>
							</div>
						</div>
						<div data-role="collapsible" data-collapsed="true">
							<h3>
								Site
							</h3>
							<div data-role="fieldcontain" class="ui-hide-label">
								<label for="selectmenu2">
								</label>
								<select name="selectmenu2" id="selectmenu2">
									<option value="site1">
										Site 1
									</option>
								</select>
							</div>
						</div>
						<div data-role="collapsible" data-collapsed="true">
							<h3>
								Description Of
							</h3>
							<div data-role="fieldcontain" class="ui-hide-label">
								<label for="textarea1">
								</label>
								<textarea id="textarea1" placeholder="">
									&nbsp;
								</textarea>
							</div>
						</div>
						<div>
							<h3>
								Items
							</h3>
							<div id="testout">
							</div>
							<table id="items" style="width: 99%;" border="0" cellspacing="0" cellpadding="2">
								<colgroup>
									<col width="8%" />
									<col width="60%" />
									<col width="12%" />
									<col width="20%" />
								</colgroup>
								<thead>
									<tr>
										<th>QTY</th>
										<th>Item Description</th>
										<th>Unit Price</th>
										<th>Total</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											<div align="center">
												<input type="number" name="qty[]" id="qty1" class="qty" onchange="test()" size="4" />
											</div>
										</td>
										<td>
											<div align="center">
												<textarea data-enhance="false" type="textarea" name="desc[]" id="desc1" cols="20" style="width: 95%">
												</textarea>
											</div>
										</td>
										<td>
											<div align="center">
												<input data-enhance="false" type="number" size="7" name="uprice[]" class="uprice" id="uprice1" onChange="test()" value="" />
											</div>
										</td>
										<td id="result1">
											<input type="text"  class="item_total" align="center" value="" />
										</td>
									</tr>
									<tr>
										<td>
											<div align="center">
												<input data-enhance="false" type="number" name="qty[]" id="qty2" class="qty" onChange="prow(idx=2)" size="4" value="" />
											</div>
										</td>
										<td>
											<div align="center">
												<textarea type="textarea" name="desc[]" id="desc2" cols="20" style="width: 95%" onBlur="alert(this.parent.serialize())">
												</textarea>
											</div>
										</td>
										<td>
											<div align="center">
												<input type="number" size="7" name="uprice[]" id="uprice2" onChange="prow(idx=2)" value="" />
											</div>
										</td>
										<td>
											<input type="text"  class="item_total" align="center" value=""/>
										</td>
									</tr>
									<tr>
										<td>
											<div align="center">
												<input type="number" name="qty[]" id="qty3" onChange="" size="4" value="" />
											</div>
										</td>
										<td>
											<div align="center">
												<textarea type="textarea" name="desc[]" id="desc3" cols="20" style="width: 95%">
												</textarea>
											</div>
										</td>
										<td>
											<div align="center">
												<input type="number" size="7" name="uprice[]" id="uprice3" onChange="$('#result1').text()" />
											</div>
										</td>
										<td>
											<input type="text"  class="item_total" align="center" />
										</td>
									</tr>
									<tr>
										<td>
											<div align="center">
												<input type="number" name="qty[]" id="qty4" onChange="" size="4" />
											</div>
										</td>
										<td>
											<div align="center">
												<textarea type="textarea" name="desc[]" id="desc4" cols="20" style="width: 95%">
												</textarea>
											</div>
										</td>
										<td>
											<div align="center">
												<input type="number" size="7" name="uprice[]" id="uprice4" onChange="$('#result1').text()" />
											</div>
										</td>
										<td>
											<input type="text"  class="item_total" align="center" />
										</td>   
									</tr>
									<tr>
										<td>
											<div align="center">
												<input type="number" name="qty[]" id="qty5" onChange="" size="4" />
											</div>
										</td>
										<td>
											<div align="center">
												<textarea type="textarea" name="desc[]" id="desc5" cols="20" style="width: 95%">
												</textarea>
											</div>
										</td>
										<td>
											<div align="center">
												<input type="number" size="7" name="uprice[]" id="uprice5" onChange="$('#result1').text()" />
											</div>
										</td>
										<td>
											<input type="text"  class="item_total" align="center" />
										</td>
									</tr>
									<tr>
										<td>
											<div align="center">
												<input type="number" name="qty[]" id="qty6" onChange="" size="4" />
											</div>
										</td>
										<td>
											<div align="center">
												<textarea type="textarea" name="desc[]" id="desc6" cols="20" style="width: 95%">
												</textarea>
											</div>
							   			</td>
										<td>
											<div align="center">
												<input type="number" size="7" name="uprice[]" id="uprice6" onChange="$('#result1').text()" />
											</div>
										</td>
										<td>
											<input type="text"  class="item_total" align="center" />
										</td>
									</tr>
									<tr>
										<td>
											<div align="center">
												<input type="number" name="qty[]" id="qty7" onChange="" size="4" />
											</div>
										</td>
										<td>
											<div align="center">
												<textarea type="textarea" name="desc[]" id="desc7" cols="20" style="width: 95%">
												</textarea>
											</div>
										</td>
										<td>
											<div align="center">
												<input type="number" size="7" name="uprice[]" id="uprice7" onChange="$('#result1').text()" />
											</div>
										</td>
										<td>
											<input type="text"  class="item_total" align="center" />
										</td>
									</tr>
									<tr>
										<td>
											<div align="center">
												<input type="number" name="qty[]" id="qty8" onChange="" size="4" />
											</div>
										</td>
										<td>
											<div align="center">
												<textarea type="textarea" name="desc[]" id="desc8" cols="20" style="width: 95%">
												</textarea>
											</div>
										</td>
										<td>
											<div align="center">
												<input type="number" size="7" name="uprice[]" id="uprice8" onChange="$('#result1').text()" />
											</div>
										</td>
										<td>
											<input type="text"  class="item_total" align="center" />
										</td>
									</tr>
									<tr>
										<td>
											<div align="center">
												<input type="number" name="qty[]" id="qty9" onChange="" size="4" />
											</div>
										</td>
										<td>
											<div align="center">
												<textarea type="textarea" name="desc[]" id="desc9" cols="20" style="width: 95%">
												</textarea>
											</div>
										</td>
										<td>
											<div align="center">
												<input type="number" size="7" name="uprice[]" id="uprice9" onChange="$('#result1').text()" />
											</div>
										</td>
										<td>
											<input type="text"  class="item_total" align="center" />
										</td>
									</tr>
									<tr>
										<td>
											<div align="center">
												<input type="number" class="qty" name="qty[]" id="qty10" onBlur="prow()" size="4" />
											</div>
										</td>
										<td>
											<div align="center">
												<textarea type="textarea" name="desc[]" id="desc10" cols="20" style="width: 95%">
												</textarea>
											</div>
										</td>
										<td>
											<div align="center">
												<input type="number" size="7" name="uprice[]" class="uprice" id="uprice10" onBlur="prow()" />
											</div>
										</td>
										<td>
											<input type="text"  class="item_total" align="center" />
										</td>
									</tr>
								</tbody>
								<tfoot>
									<tr>
										<td>
											<div align="center">
											</div>
										</td>
										<td>
											<div align="center">
											</div>
										</td>
										<td>
											<div align="center">
											</div>
										</td>
										<td>
											<div align="center">
											</div>
										</td>
									</tr>
									<tr>
										<td>
											<div align="center">
											</div>
										</td>
										<td>
											<div align="center">
											</div>
										</td>
										<td>
											<div align="center">
											</div>
										</td>
										<td>
											<div align="center">
											</div>
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;
										</td>
										<td>
											<div align="right">
												Total Of:
											</div>
										</td>
										<td>
											&nbsp;
										</td>
										<td>
											<div id="total">
												0.00
											</div>
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;
										</td>
										<td>
											<div align="right">
												10% GST:
											</div>
										</td>
										<td>
											&nbsp;
										</td>
										<td>
											<div id="gst">
												0.00
											</div>
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;
										</td>
										<td>
											<div align="right">
												Total + GST:
											</div>
										</td>
										<td>
											&nbsp;
										</td>
										<td>
											<div id="total-gst">
												0.00
											</div>
										</td>
									</tr>
									<tr>
										
                                        <td>
											<input type="button" value="test out" class="test ui-bar ui-block-a" data-role="button" />
										</td>
                                        <td>
											<input type="button" value="submit" class="ui-bar ui-block-b" data-role="button" />
										</td>
									</tr>
								</tfoot>
							</table>
						</div>
						<!-- items capsule-->
					</div>
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed" data-id="ew-footer" class="ui-splitview-hidden">
          <div data-role="navbar">
            <ul>
              <li><a href="#main" class="ui-btn-active" data-transition="slideup">Main</a></li>
              <li><a href="#form" data-transition="slideup">Forms</a></li>
            </ul>
          </div><!-- /navbar -->
         <h2>Ozcreet Pools &copy; 2012</h2>
        </div><!-- /footer -->
      </div><!-- /page -->



      <!-- Start of 7th page -->
      <div data-role="page" id="issues">

        <div data-role="header">
          <h1>Issues form</h1>
        </div><!-- /header -->

        <div data-role="content"> 
          <h3>Issues</h3>
              <form id="issues" action="index.php" method="post">
                
    
                    <div data-role="fieldcontain" class=" ui-body ui-br">
                        <label for="mydate" >Date</label>
                    	<input name="mydate" id="mydate" type="date"  placeholder="Start Date"/><br /><br />
                        <label for="createdby" >Created By</label>
                    	<input name="createdby" id="createdby" type="text" placeholder="Created By"/>
                    </div>
                    <table width="99%" border="1" cellpadding="0" cellspacing="0" align="center">
                        <thead>
                        	<tr>
                        		<th scope="col">ID</th><th scope="col"> Project</th><th scope="col"> Description </th><th scope="col">Notes </th><th scope="col">Status</th> <th scope="col">Last Updated</th><th scope="col"> Assigned To</th>
                            
        	                </tr>
                         </thead>
                         <tbody>
                            <tr>
                                <td><input name="ihid" id="ihid" type="number" /></td>
                                <td><input name="ihproj" id="ihproj" type="text" /> </td>
                                <td><textarea name="ihdesc" id="ihdesc" ></textarea> </td>
                                <td><textarea name="ihnotes" id="ihnotes" ></textarea> </td>
                                <td><input name="ihstatus" id="ihstatus" type="text" /></td>
                                <td><input name="ihupdate" id="ihupdate" /></td> <!-- data-role="datebox" data-options='{"mode": "calbox"}' -->
                                <td><input name="ihassign" id="ihassign" type="text" class="datepicker" /> </td>
                            </tr>
                          </tbody>
                    </table>
                    <!-- jquerymobile table -->
    						
                    <table id="inotes" summary="This table list issues assigned to individuals" width="99%" style"font-size: 11px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif" border="1" cellpadding="0" cellspacing="0">
                      <caption>Issues Notes</caption>
                      <thead>
                            <tr>
                              <th scope="col" width="15%">Date:</th>  
                              <th scope="col" width="37%">Notes:</th>  
                              <th scope="col" width="15%">Next Action:</th>  
                              <th scope="col" width="15%">Assigned To:</th>  
                              <th scope="col" width="15%">To be done by:</th>  
                              <th scope="col" width="3%"></th>
                            </tr>
                      </thead>
                      <tfoot>
                            <tr>
                              <td colspan="6"></td>
                            </tr>
                      </tfoot>
                      
                      <tbody>
                          <tr>
                             <td> <input  type="date" name="idate[]" id="idate" class="idate" size="4" /></td>
                             <td><textarea name="inotes" ></textarea></td>                     
                             <td><input  type="text" name="iaction[]"  class="iaction"   size="4" /></td>
                             <td><input  type="text" name="assign[]"  class="iassign"   size="4" /></td>
                             <td><input   name="idoneby[ ]"  class="idoneby"   size="4" class="datepicker" /></td>
                             <td><a href="#"   class="addbutt">add</a></td>
                          </tr>
                          <!--tr>
                             <td> <input  type="date" name="idate[]" id="idate" class="idate"   size="4" data-role="datebox" data-options='{"mode": "calbox"}'/></td>
                             <td><textarea name="inotes" ></textarea></td>                     
                             <td><input  type="text" name="iaction[]"  class="iaction"   size="4" /></td>
                             <td><input  type="text" name="assign[]"  class="iassign"   size="4" /></td>
                             <td><input  type="date" name="idoneby[]"  class="idoneby"   size="4" data-role="datebox" data-options='{"mode": "calbox"}'/></td>
                              <td><a href="#"  class="deletebutt">delete</a></td>
                          </tr>
                          <tr>
                             <td> <input  type="date" name="idate[]" id="idate" class="idate"   size="4" data-role="datebox" data-options='{"mode": "calbox"}'/></td>
                             <td><textarea name="inotes" ></textarea></td>                     
                             <td><input  type="text" name="iaction[]"  class="iaction"   size="4" /></td>
                             <td><input  type="text" name="assign[]"  class="iassign"   size="4" /></td>
                             <td><input  type="date" name="idoneby[]"  class="idoneby"   size="4" data-role="datebox" data-options='{"mode": "calbox"}'/></td>
                              <td><a href="#" class="addbutt">add</a></td>
                          </tr-->
                     
                      </tbody>
                    </table>
                    <br />
     			<div style="float: right;margin-right: 10px;"><a href="index.html" data-role="button" data-icon="check" style="width: 100px;margin:0 auto;">Save</a></div>

            
            </form>
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed" data-id="ew-footer" class="ui-splitview-hidden">
          <div data-role="navbar">
            <ul>
              <li><a href="#main" class="ui-btn-active" data-transition="slideup">Main</a></li>
              <li><a href="#form" data-transition="slideup">Forms</a></li>
            </ul>
          </div><!-- /navbar -->
         <h2>Ozcreet Pools &copy; 2012</h2>
        </div><!-- /footer -->
      </div><!-- /page -->

      <!-- Start of 8th page -->
      <div data-role="page" id="rfi">

        <div data-role="header">
          <h1>Request for Information</h1>
        </div><!-- /header -->

        <div data-role="content"> 
           <h2>
                    Request For Information
                </h2>
                <div data-role="collapsible-set" data-theme="" data-content-theme="">
                    <div data-role="collapsible" data-collapsed="false">
                        <h3 class="center">
                            Date Of
                        </h3>
                        <div data-role="fieldcontain">
                             <label for="mydate" class="ui-hidden-accessible">Date</label>
                             <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox"}' value="" />
                        </div>
                    </div>
                    <div data-role="collapsible" data-collapsed="false">
                        <h3 class="center">
                            From
                        </h3>
                        <div data-role="fieldcontain">

                                <label for="textarea1">
                                </label>
                                <textarea id="textarea1" placeholder="The recipients company/name/phone/email">&nbsp;
                                </textarea>

                        </div>
                    </div>
                    <div data-role="collapsible" data-collapsed="false">
                        <h3 class="center">
                            To
                        </h3>
                        <div data-role="fieldcontain">

                                <label for="textarea2">
                                </label>
                                <textarea id="textarea2" placeholder="The person who requested the information">&nbsp;
                                </textarea>

                        </div>
                    </div>
                    <div data-role="collapsible" data-collapsed="false">
                        <h3 class="center">
                            Response Required By
                        </h3>
						

                        <div data-role="fieldcontain">
                         <label for="mydate" class="ui-hidden-accessible">Date</label>
                                <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox"}' value="<?php echo date('m/d/Y');?>" />
                        </div>

                    </div>
                    <div data-role="collapsible" data-collapsed="false">
                        <h3 class="center">
                            Project
                        </h3>
                        <div data-role="fieldcontain">
                            <label for="selectmenu1">
                                Select a Project
                            </label>
                            <select name="selectmenu1" id="selectmenu1">
                                <option value="project1">
                                    Project 1
                                </option>
                            </select>
                        </div> 
                    </div>
                    <div data-role="collapsible" data-collapsed="false">
                        <h3 class="center">
                            Details of Request
                        </h3>
                        <div data-role="fieldcontain">

                                <label for="textarea3">
                                </label>
                                <textarea id="textarea3" placeholder="">&nbsp;
                                </textarea>

                        </div>
                    </div>
                </div>
            </div>
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed" data-id="ew-footer" class="ui-splitview-hidden">
          <div data-role="navbar">
            <ul>
              <li><a href="#main" class="ui-btn-active" data-transition="slideup">Main</a></li>
              <li><a href="#form" data-transition="slideup">Forms</a></li>
            </ul>
          </div><!-- /navbar -->
          <h2>Ozcreet Pools &copy; 2012</h2>
        </div><!-- /footer -->
      </div><!-- /page -->





      
    </div><!-- panel main  ============================================================================ main end ----->


  </body>
</html>
